﻿@model RenterClient.Models.RegisterModel
@{
    ViewBag.Title = "Register";
}

@using (Html.BeginForm()) {
    @Html.AntiForgeryToken()
    @Html.ValidationSummary()

   @* <fieldset>
        <legend>Registration Form</legend>
        <ol>
            <li>
                @Html.LabelFor(m => m.UserName)
                @Html.TextBoxFor(m => m.UserName, new { @class = "form-control", @type = "text", @name = "firstname", @placeholder = "First Name", @required = "", @autofocus = ""})
            </li>
            <li>
                @Html.LabelFor(m => m.Password)
                @Html.PasswordFor(m => m.Password)
            </li>
            <li>
                @Html.LabelFor(m => m.ConfirmPassword)
                @Html.PasswordFor(m => m.ConfirmPassword)
            </li>
        </ol>
        <input type="submit" value="Register" />
    </fieldset>*@
    
    <div class="content-section-a">

        <div class="container">
		
		
	  <h4 class="form-signin-heading" style="text-align: center; margin-top: 30px;">Sign Up</h4>
		
		<div class="row">
		<div class="col-lg-4 col-md-4 col-sm-4 col-lg-offset-4 col-md-offset-4 col-sm-offset-4">
			<div style="margin-top: 10px; margin-left: 30px;">
				<a href="/oauth/facebook" class="popup" data-height="400" data-name="popupAuth" data-width="600"><img alt="Facebook-connect" src="https://spinlister-belvedere-assets.spinlister.com/spinlister/facebook-connect-9536999b58b0c8013222fd855dcc4cd2.png" width="300"></a>
			</div>
		</div>
		</div>
		
            <div class="row">
                <div class="col-lg-4 col-md-4 col-sm-4 col-lg-offset-4 col-md-offset-4 col-sm-offset-4">					
					
					<div style="margin-top: 30px;">
						<form class="form-signin">       
						    @Html.TextBoxFor(m => m.UserName, new { @class = "form-control", @type = "text", @name = "firstname", @placeholder = "First Name", @required = "", @autofocus = ""})
                            @Html.TextBoxFor(m => m.UserName, new { @class = "form-control", @type = "text", @name = "lastname", @placeholder = "Last Name", @required = "", @autofocus = ""})
                            @Html.TextBoxFor(m => m.UserName, new { @class = "form-control", @type = "text", @name = "username", @placeholder = "Email Address", @required = "", @autofocus = ""})
                            @Html.PasswordFor(m => m.Password, new { @class = "form-control", @type = "password", @name = "password", @placeholder = "Password", @required = "", @autofocus = ""})
                            @Html.PasswordFor(m => m.Password, new { @class = "form-control", @type = "password", @name = "confirmPassword", @placeholder = "Confirm Password", @required = "", @autofocus = ""})
						  <label class="checkbox">
							<input type="checkbox" value="newsletter" id="newsLetter" name="newsLetter"> Subscribe to the newsletter
						  </label>
						  <button class="btn btn-lg btn-primary btn-block" type="submit">Sign up</button>
						</form>
					  </div>
					  <div style="text-align:center; margin-top: 10px;">
						Have an account? @Html.ActionLink("Log In", "Login", "Account", routeValues: null, htmlAttributes: new { id = "loginLink" })
					  </div>
					
						
                    
                </div>
            </div>
			
			

        </div>
        <!-- /.container -->

    </div>
    <!-- /.content-section-a -->
    
}

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
}